const getServerSideProps = async context => {
  
  const res = await fetch('http://localhost:3000/api' + context.resolvedUrl)
  const data = await res.json()

  return { props: { data } }
}

const Main = ({ data }) => {

  return (
    <div>
      <h1>Items:</h1>
      <ul>
        {data.map(item => (
          <li>{item}</li>
        ))}
      </ul>
    </div>
  )
}

export { getServerSideProps }
export default Main